<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>课程共享</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/address.css">
</head>
<body>
    <header class="clearfix">
        <div class="container clearfix">
            <div class="logo fl">
                <a href="#"><img src="../images/logo.png" alt=""></a>
            </div>
            <div class="nav-select fl">
                <div class="select-input ">首页</div>
                <span class="line hide"></span>
                <ul class="hide">
                    <li><a href="##">首页</a></li>
                    <li><a href="##">首页</a></li>
                    <li><a href="##">首页</a></li>
                    <li><a href="##">首页</a></li>
                    <li><a href="##">首页</a></li>
                    <li><a href="##">首页</a></li>
                </ul>
            </div>
            <div class="fr">
                <div class="search fl">
                    <div class="dropdown fl">
                        <select name="" id="">
                            <option value="">课程</option>
                            <option value="">老师</option>
                        </select>
                    </div>
                    <div class="search-box fl">
                        <input type="text">
                        <i class="iconfont">&#xe641;</i>
                    </div>
                </div>
                <div class="fl header-nav">
                    <ul>

                        <li><a href="#">我的主页</a></li>
                        <li><a href="#">管理中心</a></li>
                        <li><a href="#"><i class="iconfont">&#xe62e;</i></a></li>
                        <li><a href="#">退出</a></li>
                    </ul>
                </div>
            </div>
        </div> 
    </header>
    <div class="main clearfix">
        <div class="container clearfix">
            <div class="content-left">
                <div class="top">
                    <div class="circle"></div>
                    <p>盒子教育</p>
                </div>
                <div class="sidebar">
                    <ul class="sidebar-items">
                        <li class="sidebar-item sidebar-sub">
                            <span class="title">我的账号<i class="iconfont">&#xe609;</i></span>
                            <div class="sidebar-sub-items">
                                <a class="title" href="my-account.html">基本资料</a>
                                <a class="title" href="change_pwd.html">修改登录密码</a>
                            </div>
                        </li>
                        <li class="sidebar-item"><a class="title" href="teacher-info.html">老师信息</a></li>
                        <li class="sidebar-item"><a class="title" href="student-mess.html">学员信息</a></li>
                        <li class="sidebar-item"><a class="title" href="student.html">网院学员</a></li>
                        <li class="sidebar-item"><a class="title" href="course-manage.html">课程管理</a></li>
                        <li class="sidebar-item"><a class="title" href="income.html">收入管理</a></li>
                        <li class="sidebar-item active"><a class="title" href="course-share.html">课程共享</a></li>
                        <li class="sidebar-item"><a class="title" href="address.html">地址管理</a></li>
                        <li class="sidebar-item"><a class="title" href="erweima.html">网院二维码</a></li>
                    </ul>
                </div>
            </div>
            <div class="content-right">
                <div class="course-list">
                    <ul class="clearfix">
                        <li >
                            <div class="top">
                                <a href="##">
                                    <img src="../images/img2.png"  />
                                    <div class="course-name">
                                        <p class="name">初三中考押题班</p>
                                        <p>
                                            <span>初各科专家名师      </span>
                                            <span>精彩解析中考题型</span>
                                        </p>
                                    </div>
                                    <p class="money">$60</p>
                                </a>
                            </div>
                            <div class="bottom">
                                <p>
                                    <span><img src="../images/rili.jpg" alt="" /></span>
                                    <span>2018年</span>
                                    <span>冲刺班</span>
                                </p>
                                <h5>
                                    <a href="##">2018暑假升初三数学课程</a>
                                    <a href="##">易托管 </a>
                                </h5>
                                <p class="teacher-mess">
                                    <img src="../images/img3.jpg" alt="" />
                                    <span>主讲老师：张老师</span>
                                </p>
                            </div>
                            <div class="buy-btn btn">
                                <a href="##" class="button ">购买课程</a>
                            </div>
                        </li>
                        <li >
                            <div class="top">
                                <a href="##">
                                    <img src="../images/img2.png"  />
                                    <div class="course-name">
                                        <p class="name">初三中考押题班</p>
                                        <p>
                                            <span>初各科专家名师      </span>
                                            <span>精彩解析中考题型</span>
                                        </p>
                                    </div>
                                    <p class="money">$60</p>
                                </a>
                            </div>
                            <div class="bottom">
                                <p>
                                    <span><img src="../images/rili.jpg" alt="" /></span>
                                    <span>2018年</span>
                                    <span>冲刺班</span>
                                </p>
                                <h5>
                                    <a href="##">2018暑假升初三数学课程</a>
                                    <a href="##">易托管 </a>
                                </h5>
                                <p class="teacher-mess">
                                    <img src="../images/img3.jpg" alt="" />
                                    <span>主讲老师：张老师</span>
                                </p>
                            </div>
                            <div class="buy-btn btn">
                                <a href="##" class="button ">购买课程</a>
                            </div>
                        </li>
                        <li class="no-mar">
                            <div class="top">
                                <a href="##">
                                    <img src="../images/img2.png"  />
                                    <div class="course-name">
                                        <p class="name">初三中考押题班</p>
                                        <p>
                                            <span>初各科专家名师      </span>
                                            <span>精彩解析中考题型</span>
                                        </p>
                                    </div>
                                    <p class="money">$60</p>
                                </a>
                            </div>
                            <div class="bottom">
                                <p>
                                    <span><img src="../images/rili.jpg" alt="" /></span>
                                    <span>2018年</span>
                                    <span>冲刺班</span>
                                </p>
                                <h5>
                                    <a href="##">2018暑假升初三数学课程</a>
                                    <a href="##">易托管 </a>
                                </h5>
                                <p class="teacher-mess">
                                    <img src="../images/img3.jpg" alt="" />
                                    <span>主讲老师：张老师</span>
                                </p>
                            </div>
                            <div class="buy-btn btn">
                                <a href="##" class="button blue-button ">已共享</a>
                            </div>
                        </li>
                        
                        <li >
                            <div class="top">
                                <a href="##">
                                    <img src="../images/img2.png"  />
                                    <div class="course-name">
                                        <p class="name">初三中考押题班</p>
                                        <p>
                                            <span>初各科专家名师      </span>
                                            <span>精彩解析中考题型</span>
                                        </p>
                                    </div>
                                    <p class="money">$60</p>
                                </a>
                            </div>
                            <div class="bottom">
                                <p>
                                    <span><img src="../images/rili.jpg" alt="" /></span>
                                    <span>2018年</span>
                                    <span>冲刺班</span>
                                </p>
                                <h5>
                                    <a href="##">2018暑假升初三数学课程</a>
                                    <a href="##">易托管 </a>
                                </h5>
                                <p class="teacher-mess">
                                    <img src="../images/img3.jpg" alt="" />
                                    <span>主讲老师：张老师</span>
                                </p>
                            </div>
                            <div class="buy-btn btn">
                                <a href="##" class="button ">购买课程</a>
                            </div>
                        </li>
                        <li >
                            <div class="top">
                                <a href="##">
                                    <img src="../images/img2.png"  />
                                    <div class="course-name">
                                        <p class="name">初三中考押题班</p>
                                        <p>
                                            <span>初各科专家名师      </span>
                                            <span>精彩解析中考题型</span>
                                        </p>
                                    </div>
                                    <p class="money">$60</p>
                                </a>
                            </div>
                            <div class="bottom">
                                <p>
                                    <span><img src="../images/rili.jpg" alt="" /></span>
                                    <span>2018年</span>
                                    <span>冲刺班</span>
                                </p>
                                <h5>
                                    <a href="##">2018暑假升初三数学课程</a>
                                    <a href="##">易托管 </a>
                                </h5>
                                <p class="teacher-mess">
                                    <img src="../images/img3.jpg" alt="" />
                                    <span>主讲老师：张老师</span>
                                </p>
                            </div>
                            <div class="buy-btn btn">
                                <a href="##" class="button ">购买课程</a>
                            </div>
                        </li>
                        <li class="no-mar">
                            <div class="top">
                                <a href="##">
                                    <img src="../images/img2.png"  />
                                    <div class="course-name">
                                        <p class="name">初三中考押题班</p>
                                        <p>
                                            <span>初各科专家名师      </span>
                                            <span>精彩解析中考题型</span>
                                        </p>
                                    </div>
                                    <p class="money">$60</p>
                                </a>
                            </div>
                            <div class="bottom">
                                <p>
                                    <span><img src="../images/rili.jpg" alt="" /></span>
                                    <span>2018年</span>
                                    <span>冲刺班</span>
                                </p>
                                <h5>
                                    <a href="##">2018暑假升初三数学课程</a>
                                    <a href="##">易托管 </a>
                                </h5>
                                <p class="teacher-mess">
                                    <img src="../images/img3.jpg" alt="" />
                                    <span>主讲老师：张老师</span>
                                </p>
                            </div>
                            <div class="buy-btn btn">
                                <a href="##" class="button blue-button ">已共享</a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="page">
                    <ul>
                        <li class="prev"><i class="iconfont">&#xe60a;</i>PREV</li>
                        <li>1</li>
                        <li>2</li>
                        <li class="active">3</li>
                        <li class="next">NEXT<i class="iconfont">&#xe60b;</i></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="introduce">
        <div class="container">
            <div class="top clearfix">
                <div class="logo fl"><a href="#"><img src="../images/logo.png" alt=""></a></div>
                <div class="fl download">
                    <img src="../images/erweima.png" alt="">
                    <p>客户端下载</p>
                </div>
                <div class="fl download">
                    <img src="../images/erweima.png" alt="">
                    <p>微信公众号</p>
                </div>
                <div class="fl contact">
                    <p><i class="iconfont">&#xe618;</i>020-32146993</p>
                    <p><i class="iconfont">&#xe61b;</i>4903 Deangel Row Suite 838</p>
                    <p><i class="iconfont">&#xe639;</i>support@company.com</p>
                </div>
            </div>
            <div class="contact-ul clearfix">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">人才招聘</a></li>
                    <li><a href="#">服务协议</a></li>
                </ul>
            </div>
            <div class="footline">
                <img src="../images/footer_end.png" alt="">
            </div>
        </div>
    </div>
    <footer>
        <p>广州市家合教育科技有限公司</p>
        <p>地址：广州市增城大道69号万达广场金街9栋201-204 粤ICP备16098091号</p>
    </footer>
</body>
</html>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/conn.js"></script>
<script type="text/javascript" src="../js/sidebar.js"></script>
